@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td{margin:0;padding:0; outline: none;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
ul,li { list-style: none; }
img { border: none; outline: none;}
a:hover {
  text-decoration: none;
}
button,input,select,textarea {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
}
 
textarea,input {
  resize: none;
  outline: none;
}

textarea {
  resize: none;
  -webkit-appearance: none;
}

/*button, input[type=submit], input[type=button], input[type=reset], input[type=radio], input[type=checkbox] {
    cursor: pointer;-webkit-appearance: none;
}*/
button, input[type=submit],input[type=button], input[type=reset] {
    -webkit-appearance: none !important;
    outline: none !important
}
a:focus, button:focus{
    outline: 0;
}

html { -webkit-text-size-adjust: none; font-size: 20px;}
.img { display: block; max-width: 100%; height:auto;  vertical-align:top; border: none; }
.video embed,.video object,.video iframe { width: 100%; height: auto; }
a { text-decoration: none; outline: none;}
em{ font-style: normal;}
table,th,td{border-collapse: collapse;font-weight: lighter; }
.clearfix:after,
.clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both;}
.clearfix { zoom: 1; }
.fl {float: left;}
.fr {float: right;}
body{min-width:16rem; font-family:"Microsoft YaHei","STHeiti", "Arial Black"; font-weight: lighter;background-color: #fff; color: #414141; font-size: 0.6rem; }

input::-webkit-input-placeholder {
　　color: #D6D0CA !important; /* WebKit browsers */
   font-size:0.48rem;
　　}
input:-moz-placeholder {
　　color: #D6D0CA !important; /*  Mozilla Firefox 4 to 18 */
   font-size:0.48rem;
　　}
input::-moz-placeholder {
　　color: #D6D0CA !important;/* Mozilla Firefox 19+ */
   font-size:0.48rem;
　　}
input:-ms-input-placeholder {
　　color: #D6D0CA !important;/*  Internet Explorer 10+ */
   font-size:0.48rem;
　　}
/*头部*/
.header{ z-index: 9998; height:2.2rem; background:#f9bc2c; position:fixed; width:100%; top:0;  border-right:0.5rem solid #f9bc2c; box-sizing:border-box;}
.return{ width:20%; float:left; height:2.2rem; }
.return img{ width:0.5rem; height:0.85rem; margin-top:0.675rem; margin-left: 0.5rem;}
.title-center{ width:60%; text-align:center; line-height:2.2rem; color:#fff; font-size:0.9rem; float:left;}
.next-operation{ width:20%; font-size:0.75rem; line-height:2.2rem; text-align:right; color:#fff; float:left;}

.set-up{ width:20%; float:left;}
.set-up-img{ width:0.9rem; height:0.9rem; margin-top:0.7rem; float: left; background:url(../images/set-up.png); background-size:100% 100%; margin-right: 0.5rem;}
.collection{ width:0.9rem; height:0.9rem; background:url(../images/collection.png); background-size:100% 100%;  margin-top:0.65rem; float: left;}

.search-return{width:10%; float:left; height: 2.2rem;}
.search-return img{ width:0.5rem; height:0.85rem; margin-top:0.675rem; margin-left: 0.5rem;}
.top-search{ width:80%; float:left;} 
.top-margin-count{ margin-top:2rem;}
.search-word{ color: #000; font-size: 0.58rem; line-height: 2.2rem; display: block; text-align: right;}
.knowledge-base-search2{background: #efeff4; padding: 0rem 0.5rem; overflow: hidden; position: relative;}
/*头部-适配问题*/

.closed-head-icon{ width: 0.7rem; height: 0.7rem; float: right; background: url(../images/x_top_icon.png); background-size:100% 100%; margin: 0.65rem 0;}

.selectIndustry-btn{ margin:2rem 0.6rem 2rem 0.6rem; background: #f9bc2c; color: #fff; line-height: 1.6rem; text-align:center; height: 1.6rem; border-radius: 0.2rem; font-size: 0.7rem;}
/*设置行业*/
.set-title{ padding:0 0.5rem; margin-top:0.5rem; font-size:0.7rem; color:#000000; text-align:center; line-height:0.75rem;}
.set-more{  padding:0 0.5rem; font-size:0.6rem; color:#808080;  text-align:center; line-height:0.75rem; margin-top:0.3rem;}

.app-count{  margin:0.4rem; overflow: hidden;}
.app_ul{ width:33.33%; display:block; float:left; text-align:center; margin:1rem 0 0 0;}
.app_ul li{ color:#2a2a2a; font-size:0.6rem; line-height:0.8rem; display: -webkit-box;  display: -moz-box;  text-overflow: ellipsis;  word-break: break-all;  -webkit-box-orient: vertical;  -webkit-line-clamp:2; }
.app_ul li a{ display:block; position:relative;}
.app_ul li img{ display:block; width:2.2rem; height:2.2rem; border-radius:100%; margin:0 auto 0.2rem auto;}
.app_ul li a i{ width:0.75rem; height:0.75rem; display:block; position:absolute; background:url(../images/set-select-icon.png) no-repeat; background-size: cover; right:0.5rem; top:0; border-radius: 100%;}
.app_ul li.title-name{ height: 1.6rem; padding: 0 0.4rem; overflow: hidden; margin-top: 0.2rem;}
/*设置工序/设备*/
.set-list-count{ width:100%; height:auto; border-top:#d4d4d4 solid 1px;}
.set-list-h1{ height:2rem; border-bottom:#d4d4d4 solid 1px; padding: 0 0.5rem; line-height:2rem; color:#000000; font-size:0.65rem;}
.set-list-span{ display: inline; border-left: #f9bc2c solid 3px; width: 3px; height: 1rem; margin-right: 0.2rem;}
.set-list-h3{ height:2rem; padding: 0 0.5rem 0 0.2rem; line-height:2rem; color:#000000; font-size:0.65rem; margin-left: 1rem;}

.set_link{ width:100%; height:auto; background:#fff; clear:both;}
.set_link li{ padding:0 0.5rem 0 2rem; height:2rem; border-bottom:1px solid #d4d4d4; position:relative; line-height:2rem; font-size:0.6rem; position:relative;}
.set_link li a.rt_line{ position:absolute; top:50%; right:0.6rem; width:0.3rem; height:0.3rem; border-top:1px solid #afb9bf; border-left:1px solid #afb9bf; background:none; margin-top:-4px; -ms-transform:rotate(135deg);transform:rotate(135deg); -webkit-transform:rotate(135deg)}
.set_link li span{ display: block; width: 80%; float: left;}
.set_link li i{ display: block; width: 16%; float: left; text-align: right; color: #ff2e2e;  font-style:normal; font-size: 0.5rem;}
/*设置工序/设备-三级菜单*/
.set-link-three{ position:absolute; right:0; top:0; width:60%; height:auto; background:#f2f2f2;border-left:#d4d4d4 solid 1px; z-index: 999;}
.set-link-three li{ height:auto; background:#f2f2f2;border-bottom:1px solid #d4d4d4; line-height:2rem; font-size:0.6rem;  padding:0 1.5rem 0 0.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.set-link-three li a{ width: 0.75rem; height: 0.75rem; display: block; position: absolute; background: url(../images/set-select-icon.png) no-repeat; background-size: contain; right: 0.5rem; top: 0.6rem;}

/*知识库*/
.knowledge-base-search{ background:#efeff4; padding:0.5rem; overflow: hidden;}
.search_input{ height:1.25rem; background:#fff; border-radius:0.2rem; position:relative; width: 90%; float: left;}
.search_input2{ height:1.25rem; background:#fff; border-radius:0.2rem; position:relative; }
.search_on{ display:block; float:left; width:0.575rem; height:0.625rem; background:url(../images/search.png); background-size:100% 100%; margin:0.3125rem 0.2rem 0 0.2rem;}
.search_on_input{ width:88%; height:1.25rem; font-size:0.5rem;}
.search_on_input_closed{ width:78%;}
.search_input_margin{ margin-top:0.5rem;}
.search_result_on_closed{ display:block; width:0.525rem; height:0.525rem; background:url(../images/search-closed.png); background-size:100% 100%; margin:0.36rem 0.3rem 0 0; float:right;}

.knowledge-base-count{ width:100%; height:auto; border-bottom:#d4d4d4 solid 1px;}
.knowledge-second{ padding:0rem 0 0.3rem 1.2rem; overflow:hidden; border-bottom: #d4d4d4 solid 1px;}
.knowledge-item,.knowledge-search-item{ float:left; font-size:0.6rem; padding:0.1rem 0.2rem; margin:0.1rem 0.6rem 0.3rem 0; border:#b3b3b3 solid 1px; border-radius:0.2rem; height: 0.8rem; line-height: 0.8rem;}
.margin-gray{ width:100%; height:0.3rem; background:#efeff4;}

/*部件/油品/竞品*/
.compet-hot{ display:inline-block; width:0.65rem; height:0.8rem; background:url(../images/hot-knowege-icon.png); background-size:100% 100%; margin:0 0 0 0.2rem;}
.compet_link{ width:100%; height:auto; background:#fff; clear:both;}
.compet_link li{ padding:0 0.5rem 0 0.5rem; height:2rem; border-bottom:1px solid #d4d4d4; position:relative; line-height:2rem; font-size:0.6rem; position:relative;}
.compet_link li span{ display:inline; border-left:#f9bc2c solid 3px; width:3px; height:1rem; margin-right:0.2rem;}
.compet_link li a.rt_line{ position:absolute; top:50%; right:0.6rem; width:0.5rem; height:0.5rem; border-top:1px solid #afb9bf; border-left:1px solid #afb9bf; background:none; margin-top:-6px; -ms-transform:rotate(135deg);transform:rotate(135deg); -webkit-transform:rotate(135deg)}

/*部件/油品/竞品-三级菜单*/
.compet-link-three{ position:absolute; right:0; top:0; width:60%; height:auto; background:#f2f2f2; padding-bottom:2rem; border-left:#d4d4d4 solid 1px; z-index: 999;}
.compet-link-three li{ height:2rem; border-bottom:1px solid #d4d4d4; line-height:2rem; font-size:0.6rem;  padding:0 1.5rem 0 0.5rem;}
.compet-link-three li a{ width: 0.75rem; height: 0.75rem; display: block; position: absolute; background: url(../images/set-select-icon.png) no-repeat; background-size: contain; right: 0.5rem; top: 0.6rem;}


/*产品列表*/
.product-list-title{ height:2rem; padding:0 0.3rem; border-bottom:#e6e6e6 solid 1px;}
.product-list-ul{ width:100%;}
.product-list-ul li{ display:block; min-width:80px; width:auto;float:left; line-height:2rem; position:relative; text-align:center; color: black}
.product-line{ position:absolute; width:60%; height:3px; bottom:-2px; left:20%; background:#f9bc2c;}
.product-list{     border-bottom: #e6e6e6 solid 1px;
    padding: 0rem .5rem;
    overflow: hidden;
    clear: both;
    height: 2.8rem;
    position: relative;}
.product-list-attachment{
    float: right;
    width: 10%;
    height: 100%;
    text-align: center;
}
.product-list-right-icon{
    width: 70%;
    height: auto;
    margin-top: .8rem;
}
.product-list-circle{
    display: block;
    width: .8rem;
    height: .8rem;
    border-radius: .5rem;
    background: red;
    line-height: .8rem;
    text-align: center;
    position: absolute;
    top: .4rem;
    right: .6rem;
    font-size: .5rem;
    color: white;
}
.product-list-left{
    width: 84%;
    height: 100%;
    float: left;
    border-right: .05rem solid #e6e6e6;
}
.product-list-h1{ width:100%; margin:0.2rem 0; overflow: hidden; margin-top: .4rem;}
.product-title{ width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; float:left; font-size: 0.7rem;}
.product-time{ margin-right: 1.5rem; float:left; color:#cecece; text-align:left;}
.product-label{ width:75%; float:left;}
.product-label span{  border-radius:0.2rem; padding:0.1rem 0.4rem; font-size:0.5rem; margin-right: 0.3rem; float: left; height: 0.6rem; line-height: 0.6rem;}
.product-list-count{ margin-top:0.5rem; width:100%; margin-bottom:0.2rem;}
.product-collection{ float:right; color:#b3b3b3;margin-right: 0.2rem}
.pro-clooect-icon{ width:0.8rem; height:0.8rem; background:url(../images/list-collect.png); background-size:100% 100%; float:right; margin-right:0.2rem;}
.pro-secound{position: absolute; padding: 0.2rem 0; background: #f7f7f7; min-height:100%;line-height: 1.5rem; overflow: hidden; height: 1.5rem; display: inline-block; width: 100%;} 
.pro-secound a{ padding:0.5rem; color: #666666; font-size: 0.6rem;}
.close-icon{height: 0.5rem;width: 0.5rem;margin-top: 0.2rem}
.select-key-word{display: inline-block; float: left;margin-right: 0.4rem;}
#selected-keyword{
    top: 4rem;
    position: absolute;
    height: 1.5rem;
    width: 100%;
    overflow: hidden;
}
#keyword-body{
    position: absolute;
    height: 1rem;
    width: 100%;
    display: inline-block;
    line-height: 1rem;
    padding-left: 0.5rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}
/*收藏列表*/
.collect-key-word{ padding: 0.5rem 0.5rem; border-bottom:#e6e6e6 solid 1px; overflow:hidden;}
.key-word-h1{ font-size:0.65rem; margin: -1.2rem 0.4rem;}
.key-word-div { padding:0.5rem 0; border-bottom: #e6e6e6 solid 1px;height:1.5rem;}
.key-word-div span{ border:#b3b3b3 solid 1px; font-size:0.5rem; padding:0.2rem 0.3rem; margin:0.3rem 0.4rem 0 0.4rem; float:left; position:relative;}
.key-word-div span.select{ border:#ff0000 solid 1px; background:url(../images/collection-select.png) no-repeat right bottom; background-size:46% 46%;}
.home-nav-box{ overflow: scroll; width: 100%;}
.head-category-nav{ overflow: scroll;}
/*我的*/
.tabColor{
    color: orange;
}
.minetab{
    margin-top: 2.2rem;
    position: relative;
    width: 100%;
}
.minecollection,.mineattachment{
    height: 2rem;
    width: 100%;
    display: inline;
}

#scrollerKeyWordList  ul {list-style: none;padding: 0;margin: 0;width: 100%;height: 100%;text-align: center;}
#scrollerKeyWordList  li{ display: block;border:#b3b3b3 solid 1px; font-size:0.5rem; padding:0.2rem 0.3rem; margin:0.3rem 0rem 0.2rem 0.4rem; float:left; height: 0.6rem; line-height: 0.7rem; }
#scrollerKeyWordList li.select{ border:#ff0000 solid 1px; background:url(../images/collection-select.png) no-repeat right bottom; background-size:14px 12px;}
/*搜索列表页面*/
.search-list{ height:2rem; padding:0 1.2rem; border-bottom:#e6e6e6 solid 1px; line-height:2rem;}
.search-list span{display:block; width:0.575rem; height:0.625rem; margin-right:0.4rem; background:url(../images/search.png); background-size:100% 100%; float:left; margin-top:0.7rem;}


/*详情*/
.app_knowledge_studio{
    height: 9rem;
    width: 15rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}
.mainDetailContent{
    width: 100%;
    overflow: scroll;
    margin-bottom: 2.25rem;
}
.detailContent{
    margin-top: 2.5rem;
}
.detailTitle{padding:0 0.5rem; margin-top:0.5rem; font-size:0.7rem; color:#000000; text-align:left; line-height:1rem;font-weight: bold ;}
.detailTime{
    line-height:0.75rem;
    padding: 0 0.5rem;
    margin-top: 0.5rem;
	color:#b8b8b8;
	overflow: hidden;
}
.detailTimeLeft{
    width: 40%;
    float:left;
}
.detailTimeright{
    width: 50%;
    float: right;
    text-align: right;
}
.detailThreePart{
    padding:0.1rem 0.3rem;
    margin-top:0.5rem;
    font-size:0.6rem;
    overflow: hidden;
    clear: both;
}
.customeMade,.technology,.material{
    border: 1px solid #cccccc;
    border-radius: 0.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    float: left;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    height:1rem;
    line-height: 1rem;
    display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.technology,.material{
    margin-left: 1rem;
}

.detailDescribe{
    width: 90%;
    margin: 0 auto;
    padding-top: 0.8rem;
	background:url(../images/detail-line.png) no-repeat center top;
	background-size:contain;
	margin-top: 0.5rem;
}
.detailDescribe p{
    text-indent: 2em;
}
.detailPictor{
    width: 100%;

}
.detailPictorTitle,.detailAppendixTitle,.detailCommentTitle{
    text-align:  center;
    font-size: 0.7rem;
    font-weight: bold;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    clear: both;
}
.underline{
    border: 2px solid #000;
    width: 8%;
    margin: 0.3rem auto 0 auto;
}
.loaddingImage{
    float: left;
    margin-left: 2.5%;
    margin-bottom: 0.4rem;
    width:16px;
    height:16px;
}
.detailImage{
    width: 30%;
    float: left;
    height: 4.8rem;
    margin-left: 2.5%;
    margin-bottom: 0.4rem;
}
.detailPictorCon{
    text-align: center;
}
.detailPpt-count{
	border-top: 1px solid #f0f0f0;
	 border-bottom: 1px solid #f0f0f0;
	}
.detailPpt{
    width: 90%;
    border-bottom: 1px solid #f0f0f0;
    clear: both;
    margin: 0 auto;
	padding:0.3rem 0;
}
.detailPpt:last-child{ border-bottom:none;}
.detailPpt img{
    float: left;
    margin:0.5rem 0.5rem 0 0;
	width:1.5rem;
	height:1.5rem;
}
.pptTitle{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top: 0.5rem;
}
.pptAuthor{
	color:#b3b3b3;
}
.pptSize{
	width: 50%;
    float: left;
}
.pptTime{
	width: 50%;
    float: left;
    text-align: right;
}
.detailPptC{
    padding-right: 0.5rem;
    overflow: hidden;
}
.commentName{
    float: left;
    padding-left: 0.5rem;
}
.commentImg{
    float: right;
    padding: 0.5rem;
    margin-top: -0.4rem;
}
.commentImg img{
	width:0.625rem;
	height:0.625rem;
	}
.commentContent{
    clear: both;
    text-indent: 2em;
    border-bottom: 1px solid #f0f0f0;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 0.3rem;
}
.mannagerRespose{
    clear: both;
    padding-left: 1rem;
    padding-top: 0.3rem;
}
.makeComment{
        width: 80%;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
    margin-left: 5%;
    line-height: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 0.2rem;
    box-sizing: border-box;
    float:left;
}
.bottom-sc{ float: left; width: 15%;}
.bottom-sc img{ width: 1.1rem; height: 1.1rem; margin-left: 0.6rem; margin-top:0.6rem;}
.commentDetailList{
    width: 90%;
    margin-left:5% ;
    margin-top: 0.5rem;
    background: #f9f9f9;
	color:#b9b9b9;
	font-size:0.6rem;
	height: 3.4rem;
}
.noCommentContent{
    margin:0.3rem;
    text-align: center;

}
.cancleOrDeliver{
    padding: 0.5rem 1rem;
}
.cancleOrDeliver a{ color:#858585; font-size:0.6rem;}
.aboutCommentDetail{
	position:fixed;
    background: #f9f9f9;
	bottom:0;
	width:100%;
	height: 6rem;
}
.saveSuccess{
    background: #000;
    width: 30%;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    top: 46%;
    left: 35%;
	opacity:0.8;
	border-radius:0.2rem;
}
.saveSuccessLogo{
    padding-top: 0.5rem;
}
.saveSuccessCon{
    padding: 0.5rem;
	color:#fff;
}
.netDownload{
    text-align: center;
    position: fixed;
    top: 40%;
    left: 16%;
    background: #fff;
	border-radius:0.2rem;
}
.netDownloadTip{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.netDownloadGo{
    padding: 0 0.5rem 0.5rem 0.5rem;
}
.yesOrNo{
    border-top: 1px solid #cccccc;
    display: flex;
}
.netDownloadYes{
    width: 50%;
    border-right: 1px solid #cccccc;
    line-height: 1.6rem;
	color:#3288e9;
}
.netDownloadNo{
    flex: 1;
    line-height: 1.6rem;
}
.one-hour{ 
	color:#b3b3b3; 
	font-size:0.5rem;
}
.gray{ 
	color:#b3b3b3;
}
.footer-input{ 
	background:#e6e6e6; 
	position:fixed; 
	height:2.25rem; 
	bottom:0; 
	width:100%;
}
.detailCommentContent{ 
	padding:0.2rem 0;
}

/** 
 *弹出转圈样式 	
 */
.loadingcontainer{ 
	width:100%; 
	height:100%;  
	position:absolute; 
	background:rgba(0,0,0,0.1);
	display: none;
	z-index: 9999;
}
.loader4 {
   width:28px;
   height:28px;
   display:inline-block;
   padding:0px;
   border-radius:100%;
   border:5px solid;
   border-top-color:rgba(37, 182, 237, 1);
   border-bottom-color:rgba(0,0,0, 0.1);
   border-left-color:rgba(37, 182, 237, 1);
   border-right-color:rgba(0,0,0, 0.1);
   -webkit-animation: loader4 1s ease-in-out infinite;
   animation: loader4 1s ease-in-out infinite; position:fixed; top:50%; left:50%; margin:-14px 0px 0px -14px;
}


@keyframes loader4 {
   from {transform: rotate(0deg);}
   to {transform: rotate(360deg);}
}
@-webkit-keyframes loader4 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(360deg);}
}
/*dialog.css样式合并*/
.lf{ float:left;}
.rt{ float:right;}
.tips{ width:80%; background:#f7f7f7; position:absolute; left:10%; top:30%; border-radius:4px;}
.tips h1{ font-size:19px; text-align:center; padding:15px 15px 0px 15px;}   
.tips p{ font-size:14px; text-align:center; padding:17px 13px 17px 13px; color:#555;}
.tips_bottom{ width:100%; height:47px; border-top:#e1e1e1 solid 1px; background:#eeeeee;}
.tips_bottom .cancel,.tips_bottom .Determine{ display:block; width:49%; font-size:20px; text-align:center; color:#329fd0; line-height:47px;}
.border_line{ border-right:#dadada solid 1px;}

.tips_bottom2{ width:100%; height:47px; border-top:#e1e1e1 solid 1px; background:#eeeeee;}
.tips_bottom2 a{display:block; font-size:20px; text-align:center; color:#329fd0; line-height:47px;}

/*弹出框*/
.mask{ position:absolute; width:100%; height:100%; z-index:999;background:rgba(0,0,0,0.3); top:0px; left:0px;}
.target{ width:80%; height:auto; background:#FFF; position:absolute; top:50%; left:50%; margin:-3rem 0.0rem 0rem -40%; border-radius: 0.2rem;}
.target_title{ width:100%; height:44px; border-bottom:#e3e3e3 solid 1px; font-size:18px;}
.target_title span{ margin-left:1.0rem; line-height:3.0rem;}
.target_title .closed{position:absolute; right:0px; width:13px; height:13px; background:url(../../images/Salary_icon.png) 0px -70px; background-size:21px 100px; right:3px; top:3px;}
.target_count{ padding:10px 0 20px;width:90%; height:auto; margin:10px auto 0px auto; line-height:22px; font-size:16px;text-align:center;}
#popConfirm .target .btns{width:100%;height:46px;border-top:#e1e1e1 solid 1px;background:#eee;}
#popConfirm .target a{display:inline-block;width:49%; height:46px; line-height:46px; text-align:center; color:#329fd0;font-size:16px;}
#popConfirm .target a.Determine{border-right:#e1e1e1 solid 1px;}

.btns{ border-top: 1px solid #cccccc;}
.Determine{ width: 50%; float:left; border-right: 1px solid #cccccc; line-height: 1.6rem; color: #3288e9; box-sizing: border-box; text-align: center;}
.Cancel{ width: 50%; line-height: 1.6rem; float: right; text-align: center;}
/*错误提示样式*/
img { display: block; max-width: 100%; height:auto; width: auto\9; /* ie8 */ vertical-align:top; border:none; }
img.error_img { width: 5.14rem; height: 6rem; border-radius: 100%; margin:0 auto;}
img.nodata_img { width: 5.14rem; height: 6rem; margin:0 auto;}
.error-none{ width:100%;}
.error-none p{ font-size:14px; color:#c8c8c8; text-align:center;line-height: 30px;}


/*新的信息提示样式*/
.layer-toast-wrap{
    position: fixed;
    z-index: 9999;
    top: 75%;
    width: 100%;
    text-align: center;
}
.layer-toast-title{
        display: inline-block;
        height: auto;
        margin: 0 auto;
        text-align: center;
        background: #000;
        line-height: 28px;
        border-radius: 8px;
        opacity: 0.7;
        font-size: 16px;
        padding: 6px 10px;
        color: #fff;
        margin: 0 20px;
    }
/*附件-列表-下载进度条*/
 #skill{ width:100%; padding-top:0.2rem;clear:both;}
 .attachment-icon{
     float: left;
     margin: .5rem .5rem 0 0;
     width: 1.5rem;
     height: 1.5rem;
 }
 .attachment_item{
     width: 90%;
     border-bottom: 1px solid #f0f0f0;
     clear: both;
     margin: 0 auto;
     padding: .3rem 0;
 }
 .attachment-content{
     padding-right: .5rem;
     overflow: hidden;
 }
 .attachment-title{
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-top: .5rem;
 }
 .attachment-size{color: #b3b3b3;width: 50%;float: left;}

#skill_li{ 
	background:#dde7ef; 
	height:3px; 
	border-radius:100%; position:relative;
}
.expand { 
	height:3px; 
	background:#58c022; border-radius:100%;
	position:absolute;
}
.html5 { width:0%;}
@-moz-keyframes html5{ 0%  { width:0px;} 100%{ width:0%;}  }
@-webkit-keyframes html5{ 0%  { width:0px;} 100%{ width:0%;} }

.enclosure{ display:block; width:3rem; height:3rem; position:fixed; right:0.8rem; bottom:1.4rem;z-index:9999;}
.enclosure img{ width:3rem; height:3rem;}
.enclosure-number{ display:none;width:0.8rem; height:0.8rem; background:#ee0d0d; color:#fff; line-height:0.8rem; text-align:center; position:absolute; right:0.1rem; top:0.2rem; border-radius:100%; font-size:0.3rem;}

.line-wrapper { width: 100%; height: auto; overflow: hidden; font-size: 0.4rem; border-bottom: 1px solid #f0f0f0; }
.line-scroll-wrapper { white-space: nowrap; height: auto; clear: both; overflow: hidden; }
.line-btn-delete { float: left; width: 80px; height: 3rem; }
.line-btn-delete div { width: 100%; height: 100%; background: red; border: none; font-size: 0.7rem;  color: #fff; text-align: center; line-height: 3rem;}
.line-normal-wrapper { display: inline-block; float: left; padding-top: 0.3rem; padding-bottom:0.3rem; }

.line-normal-avatar-wrapper1 { float: left; width:18%;}
.line-normal-avatar-wrapper1 img { width: 2rem; height: 2rem; margin:0.2rem auto;}

.line-normal-left-wrapper { float: left; overflow: hidden; width: 100%; clear: both;}
.line-normal-info-wrapper { float: left;  width: 80%; }

.line-normal-user-name { color: #4e4e4e; font-size: 0.6rem; margin-top: 0.2rem; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.line-normal-msg { color: #b3b3b3; margin-top: 0.2rem; width: 50%; float: left;font-size: 0.6rem; }
.line-normal-time { width: 50%; color: #b3b3b3; margin-top: 0.2rem; float: left; text-align: right;font-size: 0.6rem; }
/*知识库首页*/
.theme{
	width:100%;
	overflow: hidden;
	}
.theme .list {
    width: 33.33%;
    height: 5rem;
    float: left;
	box-sizing: border-box;
}
.clearfloat {
    zoom: 1;
}
.theme .list:nth-child(3n) {
	border-right: none;
	}	
.apphome_ul{ 
	width:100%; 
	display:block; 
	text-align:center; 
	margin:1.3rem 0 0 0;
}
.apphome_ul li{ 
	color:#585858;
	font-size:0.66rem;
	line-height:1rem;
}
.apphome_ul li a{ 
	display:block; 
	position:relative;
	margin-bottom: 0.3rem;
}
.apphome_ul li img{ 
	display:block;
    width: 2.6rem;
    height: 2.6rem;
	margin:0 auto;
}
/*新增部件油品列表*/
.list-h1-icon{ width: 0.7rem; height: 0.7rem; background: url(../images/list-h1-icon.png); float: right; background-size: cover; margin-top: 0.65rem;}
.set-list-h2-count{ height: 1.6rem; background: #ebebee; border-bottom: 1px solid #d4d4d4;}
.set-list-h2-left{ width: 40%; height: 1.4rem; line-height:1.4rem; margin-top:0.1rem; float: left; text-align: center; color: #4d4d4d;}
.set-list-h2-right{ width: 60%; height: 1.2rem; line-height:1.2rem; margin-top:0.2rem; float: right; border-left:#d4d4d4 solid 1px; box-sizing:border-box; text-align: center; color: #4d4d4d;}

/*新增产品知识库列表*/
.product-knowledge{ position:fixed; top: 2.2rem; z-index: 99; width: 100%; height: 1.8rem; background: #fff; border: #e4e4e4 solid 1px; font-size: 0.6rem;}
.product-knowledge-product{ position:fixed; top: 2.2rem; z-index: 99; width: 100%; height: 1.8rem; background: #fff; border: #e4e4e4 solid 1px; font-size: 0.6rem;}
.product-knowledge-left{ width: 50%; float: left; height: 1.4rem; margin-top: 0.2rem; line-height: 1.4rem; }
.product-down{ width: 2.5rem; margin: 0 auto;}
.product-down i.down{ display: block; width: 0.55rem; height: 0.35rem; background: url(../images/product-knowledge-icon.png); float: right; background-size: cover; margin-top: 0.52rem;}
.product-down i.up{ display: block; width: 0.55rem; height: 0.35rem; background: url(../images/product-knowledge-red.png); float: right; background-size: cover; margin-top: 0.52rem;}
.product-red{ color: #df1c20;}

.product-knowledge-right{ width: 50%; float: left; border-left: #ebebeb solid 1px; box-sizing: border-box; height: 1.4rem; margin-top: 0.2rem; line-height: 1.4rem; }
.product-search-right{ width: 2.5rem; margin: 0 auto;}
.product-search-right i{ display: block; width: 0.6rem; height: 0.6rem; background: url(../images/product-knowledge-search.png); background-size: cover; margin-right: 0.2rem; margin-top: 0.4rem; float: left;}

.select_mode{ width:100%; height:auto; border-bottom:#dfe7ec solid 1px;}
.select_mode li{ height:1.8rem; margin-left:0.4rem; border-bottom:#dfe7ec solid 1px;  line-height:1.8rem; font-size:0.6rem;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.select_mode li span{ display: block; width: 80%; float: left;}
.select_mode li:last-child{ border-bottom:none;}
.select_mode li i.no-select{ width:0.8rem; height:0.8rem; display:block; background:#40afff; float:right; background:url(../images/no-select.png); background-size:100% 100%; margin:0.5rem 0.4rem 0 0;}
.select_mode li i.yes-select{ width:0.8rem; height:0.8rem; display:block; background:#40afff; float:right; background:url(../images/yes-select.png); background-size:100% 100%; margin:0.5rem 0.4rem 0 0;}

/*新增价值文档列表*/
.value-list-title-left{ width: 33.33%; float: left; height: 1.4rem; margin-top: 0.2rem; line-height: 1.4rem; }
.value-list-title-center{ width: 33.33%; float: left; height: 1.4rem; margin-top: 0.2rem; line-height: 1.4rem;  border-left:#eaeaea solid 1px; border-right: #eaeaea solid 1px; box-sizing: border-box;}
.value-list-title-right{ width: 33.33%; float: left; height: 1.4rem; margin-top: 0.2rem; line-height: 1.4rem; }

.set-list-h2-bg{ background: #f0eff5; height: 0.4rem; width: 100%;}

.konwledge-1{ border: #aeddfb solid 1px; color: #3dc0ff;}
.konwledge-2{ border: #fcd685 solid 1px; color: #ffb81a;}
.konwledge-3{ border: #80fd85 solid 1px; color: #55cc78;}
.konwledge-4{ border: #f7a2fd solid 1px; color: #bd54ca;}
.knowledge-grey{border: grey solid 1px;color: grey;}

.triangle{ width: 0.5rem; height: 0.5rem; display: inline-block; margin-left: 0.2rem;}
.triangle img{ width: 0.5rem; height: 0.5rem;}
/*滚动条样式的调整*/
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
	right: 18px;
}

.iScrollVerticalScrollbar {
	position: absolute;
	z-index: 9999;
	width: 3px;
	bottom: 2px;
	top: 2px;
	right: 2px;
	overflow: hidden;
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
	bottom: 18px;
}

.iScrollIndicator {
	position: absolute;
	background: #cecece;
	border-width: 1px;
	border-style: solid;
	border-color: #cecece #cecece #cecece #cecece;
	border-radius: 8px;
}

.iScrollVerticalScrollbar .iScrollIndicator {
	width: 100%;
	background: -moz-linear-gradient(top, #cecece 0%, #cecece 100%);
	background: -webkit-linear-gradient(top,  #cecece 0%,#cecece 100%);
	background: -o-linear-gradient(top, #cecece 0%,#cecece 100%);
	background: -ms-linear-gradient(top, #cecece 0%,#cecece 100%);
	background: linear-gradient(to bottom,  #cecece 0%,#cecece 100%);
}
/*价值文档底部*/
.value-document-footer{
	width: 100%;
    height: 2rem;
    background: #f8f8f8;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99999;
    }
.value-document-footer-ul{ 
	width:50%; 
	display:block; 
	float:left; 
	text-align:center;
	}
.value-document-footer-ul li{ 
	color:#656565; 
	font-size:0.5rem; 
	line-height:1rem;
	}
.value-document-footer-ul li a.reset{ 
	display:block; 
	width:0.68rem; 
	height:0.68rem; 
	margin:0.3rem auto 0 auto; 
	background:url(../images/reset.png) 0px 0px; 
	background-size:cover;
	}
.value-document-footer-ul li a.determine{
	display:block; 
	width:0.68rem; 
	height:0.68rem; 
	margin:0.3rem auto 0 auto; 
	background:url(../images/determine.png) 0px 0px; 
	background-size:cover;
	}
.value-document-footer-ulbg{
	background: #41a4ff;
	height: 2rem;
}
.value-document-footer-ulbg li{
	color: #fff;
}
/*
	知识库首页增加banner图
*/
.indexbanner{
	width:100%；
	height:auto;
	padding-top:2.2rem;
}
/*知识库增加搜索历史页面*/
.history-count{
	width:100%; 
	height: 10rem;
	border-bottom: #cccccc solid 1px;
	position: absolute;
    z-index: 99999;
    background: #fff;
}
.select_history {
    width: 100%;
    height: 8rem;
}
.select_history li {
    border-bottom: #d7d7d7 solid 1px;
    font-size: 0.6rem;
    height: 2rem;
    line-height: 2rem;
    font-weight: bold;
    box-sizing: border-box;
}
.select_history li .search-img{
	width:0.6rem;
	height: 0.6rem;
	margin: 0.7rem 0.3rem 0 0.3rem;
	float:left;
}
.select_history li .keyword-div{
	width: 80%;
	float: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.select_history li .history-delect{
	width:10%;
	height:2rem;
	float: right;
}
.select_history li .history-delect img{
	width:0.6rem;
	height: 0.6rem;
	margin: 0.7rem auto 0 auto;
	
}
.history-clear{
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	background: #f7f7f7;
	border-top: #d7d7d7 solid 1px;
}
.history-clear-btn{
	width: 30%;
    height: 2rem;
    margin-left: 0.3rem;
    line-height: 2rem;
    float: left;
    border-right: #d7d7d7 solid 1px;
    text-align: center;
    color: #686868;
}
.history-closed{
	width: 20%;
    float: right;
    margin-right: 0.3rem;
    line-height: 2rem;
    text-align: center;
    border-left: #d7d7d7 solid 1px;
    color: #686868;
}
/*知识库首页增加底部按钮*/
.home-footer{
	width: 100%;
	height: 2rem;
	background: #efe8d8;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	border-top: #cccccc solid 1px;
}
.home-footer-ul{
	width: 50%;
	display: block;
	float: left;
	text-align: center;
	border-right:#ccc solid 1px;
	box-sizing: border-box;
}
.home-footer-ul:last-child{
    border-right:none;
}
.home-footer-ul li{
	font-size: 0.6rem;
	text-align:center;
	line-height:2rem;
}
.home-footer-ul li img{

	display: inline-block;
	width:1.2rem;
	height:1.2rem;
	margin-top:0.4rem;
}

/*弹出框*/
.mask{ position:absolute; width:100%; height:100%; z-index:999;background:rgba(0,0,0,0.3); top:0px; left:0px;}
.popLayerHeader{ width:100%; height:30px; background:#FFF; border-top-left-radius:6px; border-top-right-radius:6px;}
.popLayerHeaderUl{ display:block; margin:0 10px; color:#555;}
.popLayerHeaderUl li{ display:inline; line-height:30px; font-size:14px;}
.popLayerHeaderUl li a.point{ display:inline-block; float:right; width:22px; height:22px; background:url(../images/assign.png) 0 0px; background-size:22px 66px; margin-top:4px;margin-right:-4px;}

.assign_count{ width:80%; height:auto; background:#FFF; position:absolute; top:30%; left:10%; border-radius:6px;}
.assign{ width:100%; height:48px; border-bottom:#dedddd solid 1px; background:#FFF;}
.assign_people{ width:100%; height:40px; border-bottom:#ececec solid 1px; background:#FFF; border-top-left-radius:6px; border-top-right-radius:6px;}
/*弹出内容托*/
.assign_modal{ width:90%; height:60%; background:#FFF; position:absolute; top:20%; left:5%; border-radius:6px;}
.assign_modal .select{ width:100%; height:1.4rem; font-size:19px; text-align:center; line-height:49px; position:relative;  border-bottom:#dedddd solid 1px;}
.assign_modal .select i{ position:absolute; right:0px; width:13px; height:13px; background:url(../images/assign_closed.png) 0px 0px; background-size:13px 13px; right:8px; top:8px;}
.assign_modal .contact_person_count{ width:100%; height:100%;overflow-y:scroll;}
.assign_modal .contact_person{ width:95%; height:48px; border-bottom:#dedddd solid 1px; line-height:48px; font-size:17px; display:inline-block; margin-left:5%;}
.assign_modal .contact_person span{ display:block; width:70%; float:left; margin-left:5px;}
.assign_modal .contact_person i{ display:block; float:right; width:22px; height:22px; margin: 14px 15px 0px 0px; background:url(../images/assign.png) 0px -22px; background-size:22px 66px;}
